<template>
  <div>
<el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="秒杀管理" name="first">
      <el-collapse v-model="activeNames" @change="handleChange">
            <el-collapse-item title="操作提示" name="1">
                <ul >
                    <li> • 展示了秒杀时间段列表</li> 
                    <li> • 可对时间段进行新增/编辑/删除/查看详情操作</li> 
                </ul>
            </el-collapse-item>
        </el-collapse>
    </el-tab-pane>
    <el-tab-pane label="商品管理" name="second">
        <div>商品管理</div>
    </el-tab-pane>
  </el-tabs>
  </div>
</template>

<script>
import {defineComponent, ref, reactive, toRef, toRefs, computed, watch, watchEffect, onMounted} from 'vue'

export default defineComponent({
    name:'MarketingPlatformSeckill',
    setup(props, context) {
    const activeName="first";
    const activeNames="1";

    const handleClick = (data) => {
      console.log( data);
    };
        return{
    activeName,
    activeNames,
    handleClick,

        }
    }
})
</script>


 <style lang="scss" scoped>
  
</style>>

